<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <button>btn</button>
  <p>1</p>
  <script src="../0923/utils.js"></script>
  <script>
    // 广义的js可以分成三部分
    // ECMAScript: es  js的语法规范
    // BOM: Browser object model  浏览器对象模型
    // DOM: Document object model  文档对象模型



    // 1. window对象

    // 1.1 全局作用域
    // var abc = 123;
    // console.log(window.abc);

    // 1.2 窗口的操作
    // open()/close()
    // document.querySelector("button").onclick = () => {
      // window.open("https://www.baidu.com", "newWindow")
      // close();
    // }

    // console.log(window.innerWidth); // 可视区的宽
    // console.log(window.innerHeight); // 可视区的高
    // console.log(window.outerWidth); // 浏览器的总宽度
    // console.log(window.outerHeight); // 浏览器的总高度

    // 1.3 对话框
    // window.alert(1234) // 警告框
    // const a = window.confirm("你确定吗？"); // 确认框。返回true或者false
    // console.log(a);
    // const name = window.prompt("请输入姓名："); // 对话框
    // console.log(name);
    
    // 1.4 定时器
    // 间隔定时器
    // window.setInterval(() => {
    //   console.log(123);
    // }, 1000)
    // 延迟定时器
    // window.setTimeout(() => {
    //   console.log(2000);
    // }, 2000)
    // 关闭定时器
    // 如果需要关闭定时器，那么在创建定时器的时候就需要有一个变量
    // clearInterval()
    // clearTimeout()
    

    // let str = dateFormat(new Date().getTime(), true);
    // document.querySelector("p").innerHTML = str;
    // window.setInterval(() => {
    //   let str = dateFormat(new Date().getTime(), true);
    //   document.querySelector("p").innerHTML = str;
    // }, 1000)


    // let count = 1;
    // const timer = setInterval(() => {
    //   count++;
    //   document.querySelector("p").innerHTML = count;
    // }, 1000)
    // document.querySelector("button").onclick = () => {
    //   clearInterval(timer)
    // }
  </script>
</body>
</html>